@bgColor:#0F1D42;
@baseTextColor:#fff;
@blueColor:rgba(86, 193, 245, 1);
em{font-style: normal;}
p{margin: 0;}
.flex{display: flex;align-items: center;justify-content: space-between;}
.f-12{font-size: 0.12rem;}
.animate{
	.po{
		transition: all 0.3s;transform: translateX(-20%);opacity: 0;
		position: absolute;top: 0.84rem;z-index: 1;
	}
	&.active{
		.a-left,.a-right{transform: translateX(0);opacity: 1;}
		.a-bottom{opacity: 1;transform: translate(-50%,0);}
	}
	.a-left{
		.po;left: 0.64rem;
	}
	.a-right{
		.po;right: 0;bottom: 0;padding:0 0.24rem 0.5rem 0;transform: translateX(20%); 
	}
	.a-bottom{
		.po;top: auto;bottom: 0.5rem;transform: translate(-50%,50%);left: 50%;
	}
}
.beauty-scroll{
  scrollbar-color: #52B5F9 #fff;
  scrollbar-width: 6px;
  -ms-overflow-style:none;
  position: relative;
  &::-webkit-scrollbar{
    width: 4px;
    height: 1px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #52B5F9;
  }
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 3px;
    background: #fff;
  }
}